var prefix = "/flowLine/manage";
$(function () {
    load();
});
$('#selectCarTable').on('load-success.bs.table', function (e, data) {
    if (data.total && !data.rows.length) {
        $('#selectCarTable').bootstrapTable('selectPage').bootstrapTable('refresh');
    }
});

function load() {
    $('#selectCarTable').bootstrapTable(
            {
                method: 'get', // 服务器数据的请求方式 get or post
                url: prefix + "/listSelectCars", // 服务器数据的加载地址
                showRefresh: true,
                // showToggle : true,
                iconSize: 'outline',
                // toolbar: '#exampleToolbar',
                striped: true, // 设置为true会有隔行变色效果
                dataType: "json", // 服务器返回的数据类型
                pagination: true, // 设置为true会在底部显示分页条
                pageList:[10,20,50],
                // queryParamsType : "limit",
                // //设置为limit则会发送符合RESTFull格式的参数
                singleSelect: false, // 设置为true将禁止多选
                // contentType : "application/x-www-form-urlencoded",
                // //发送到服务器的数据编码类型
                pageSize: 10, // 如果设置了分页，每页数据条数
                pageNumber: 1, // 如果设置了分布，首页页码
                // search : true, // 是否显示搜索框
                showColumns: false, // 是否显示内容下拉框（选择显示的列）
                sidePagination: "server", // 设置在哪里进行分页，可选值为"client" 或者
                // "server"
                queryParams: function (params) {
                    return {
                        limit: params.limit,
                        offset: params.offset,
                        order: 'desc',
                        queryItem: $.trim($('#queryItem').val())
                    };
                },
                columns: [
                    {checkbox: true},
                    {
                        field: 'id', // 列字段名
                        title: 'ID' // 列标题
                    },
                    {
                        field: 'username',
                        title: '线路名称'
                    },
                    {
                        title: '操作',
                        field: 'id',
                        align: 'center',
                        formatter: function (value, row, index) {
                            var e = '<a class="btn btn-primary btn-sm '  +  '" href="#" mce_href="#" title="选择" ' +
                                'onclick="checkCar(\'' + value + '\',\'' + row.username + '\')"><i class="fa fa-check"></i>选择</a>';
                            return e;
                        }
                    }]
            });
}
function reLoad() {
    $('#selectCarTable').bootstrapTable('refresh');
}

/**
 * 选择线路
 * @param carId
 * @param carName
 */
function checkCar(carId, carName) {
    parent.loadCarInfo(carId, carName)
    var index = parent.layer.getFrameIndex(window.name); // 获取窗口索引
    parent.layer.close(index);
}

function batchCheckCar() {
    var rows = $('#selectCarTable').bootstrapTable('getSelections'); // 返回所有选择的行，当没有选择的记录时，返回一个空数组
    if (rows.length === 0) {
        layer.msg("请选择线路！");
        return;
    }
    layer.confirm("确认要选择选中的'" + rows.length + "'条线路吗?", {
        btn: ['确定', '取消']
        // 按钮
    }, function () {
        $.each(rows, function (i, row) {
             var carName = row['username'];
             var carId = row['id'];
            parent.loadCarInfo(carId, carName)
        });
        var index = parent.layer.getFrameIndex(window.name); // 获取窗口索引
        parent.layer.close(index);
    }, function () {
    });
}